<template>
  <div>
    <custom-input :model-value="searchText"
                  @update:model-value="change"></custom-input>
  </div>
</template>
<script>
import { defineComponent } from "vue";
import CustomInput from "./BaseComponentCustomInput";
export default defineComponent({
  name: 'custom',
  data () {
    return {
      searchText: 'how long'
    }
  },
  components: {
    CustomInput
  },
  methods: {
    change (data) {
      console.log(data);
      this.searchText = data;
    }
  }
})
</script>